body {
}

.general {
border: 1px solid grey;
padding: 1%; 
}

.ui-widget-overlay {
opacity: 0.1;
}

.spacer {
margin-right: 1%;
}

#hdr {
padding-top: 1%; 
padding-left: 1%; 
padding-right: 1%; 
height: 30px;
}

.leftpane {
width: 25%;
position: absolute;
z-index: 2;
} 

#canvasarea {
/*margin: 1em 0 1em 3em;*/
margin: auto;
z-index: 1;
padding: 10px;
}

#settings_page {
margin: 1em 3em;
z-index: 1;
padding: 10px;
background-color: #ddd;
}

#statusarea {
height: 12px;
margin-top: 10px;
display: none;
/*
float: left;
top: 580px;
position: absolute;*/
}

#toolbar {
padding: 10px 4px;
font-size: 1em;
}


#debugoutput,#chatoutput {
border: 1px solid grey;
overflow-y: auto;
word-wrap: break-word;
padding: 1%;
margin-bottom: 5px;
margin-top: 10%; /* same as commarea height + some */
background-color: #eef;
color: #000;
}

#chatarea,#debugarea,#skypearea {
position: absolute;
border: 0px solid grey;
padding: 5px;
}

#commarea {
position: absolute;
border-bottom: 1px solid grey;
border-left: 1px solid grey;
border-right: 1px solid grey;
padding: 0 1em 0 1em;
z-index: 5;
font-size: 0.9em;
}

#settingpanel {
  position: absolute;
  float: right;
  height: 200px;
  padding: 10px;
}

#canvas_id {
cursor: pointer;
/*background-color: #fff;*/
background-image:url('../bg2.png');
}

#canvas_grid_id {
position: absolute;
left: 10px;
z-index: -100;
display: none;
}

#size_slider, #opaq_slider {
width: 150px;
}

#selectable .ui-selecting { 
background: #FECA40; 
}
#selectable .ui-selected { 
background: #F39814; 
color: white; 
}
#selectable { 
list-style-type: none; 
margin: 0; 
padding: 0; 
width: 60%; 
}
#selectable li { 
margin: 3px; 
padding: 0.4em; 
font-size: 1.4em; 
height: 18px; 
}

#sharecontacts {
overflow: auto;
width: 600px;
height: 350px;
}
#contacts {
width: 600px;
height: 300px;
overflow: auto;
}

#filelist option {
padding: 5px;
margin: 5px;
}

#textbox {
position: absolute;
z-index: 100;
}

.ui-shadow-top-right {
-moz-box-shadow: -5px -5px 5px #888;
-webkit-box-shadow: -5px -5px 5px #888;
box-shadow: -5px -5px 5px #888;
}
  
.ui-shadow {
  -moz-box-shadow: 0 0 6px 6px #888;
  -webkit-box-shadow: 0 0 6px 5px#888;
  box-shadow: 0 0 6px 6px #888;
}

.ui-shadow-in {
  -moz-box-shadow: inset 0 0 2px 2px #888;
  -webkit-box-shadow: inset 0 0 2px 2px#888;
  box-shadow: inset 0 0 2px 2px #888;
}

.ui-shadow-right {
-moz-box-shadow: +5px +5px 10px #888;
-webkit-box-shadow: +5px +5px 5px #888;
box-shadow: +5px +5px 10px #888;
}

.color-swatch {
  height: 40px;
  margin: 2px;
  cursor: pointer;
  /*border: 1px solid grey;*/
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
}

#msgbox,#alertbox,.lb-alert {
  position: relative;
  margin: auto;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
  border: 3px solid #333;
  padding: 20px;
  color: #ddd;
  max-width: 300px;
  bottom: 200px;
  text-align: center;
}

.lb-confirm {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  padding: 20px;
  text-align: center;
  bottom: 200px;
}
